<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>Minimal Browser</title>
    <link rel="stylesheet" href="style.css">
</head>
<body>
<!-- 顶部悬停触发区域 -->
<div id="hover-area"></div>

<!-- 搜索框容器 -->
<div id="search-container">
    <div id="search-box">
        <button id="back" class="toolbar-btn">←</button>
        <button id="forward" class="toolbar-btn">→</button>
        <button id="reload" class="toolbar-btn">↺</button>
        <div class="url-container">
            <input type="text" id="url" placeholder="输入网址或搜索内容...">
            <button id="go" class="go-btn">前往</button>
        </div>
    </div>
</div>

<!-- 网页内容显示区域 -->
<webview id="webview" src="https://www.doubao.com/chat" allowpopups></webview>

<script src="renderer.js"></script>
</body>
</html>